@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:13px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1200px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1200px; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}

/* CSS Document */


/*公共头部*/
.top{background: url(../images/top-bg.jpg) no-repeat center; height: 36px;}
.top p{font-size: 14px; line-height: 36px; color: #4c4c4c;}
.top span{display: block; background: url(../images/top-wechat.jpg) no-repeat left center; padding-left: 36px; font-size: 14px; line-height: 36px; color: #fff;}

.head{height: 100px;}
.logo{margin-top: 28px;}
.head .logo h1 {line-height: 0px;}

.head-tel{margin-top: 29px; background: url(../images/head-tel.png) no-repeat left center; padding-left: 50px;}
.head-tel span{display: block; font-size: 18px;  line-height: 18px; color: #666; margin-bottom: 7px;}
.head-tel strong{display: block; font-size: 24px; line-height: 18px; color: #fa8903;}

.nav{background: #3f74bd;}
.nav ul li{float: left; position: relative; width: 133px;}
.nav ul li>a{display: block; font-size:16px; line-height: 50px; color: #fff; text-align: center; }
.nav ul li.on>a{background: #fa8903;}
.nav ul li:hover>a{background: #fa8903; } 
.nav ul li .hide{background-color: #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;font-size: 14px;left: 0px;display: none;width: 133px;opacity: 0.8;position: absolute;text-align: center;z-index: 10000;}
.nav ul li .hide em a{ display:block; font-size: 15px;line-height:35px;font-weight: normal; text-align:center; height:35px; color: #333;}
.nav ul li .hide em a:hover{background: #fff; color: #3f74bd; transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;}
.navfixed{background: #3f74bd; position: fixed; top: 0; z-index: 222; width: 100%;}


/*首页banner*/
.banner{position:relative;}
.banner-hd {height:600px;position: relative; overflow:hidden; width: 100%;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}
/*数字按钮样式*/
.banner-hd .num { overflow:hidden;  position:absolute; bottom:5%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; z-index:3; }
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:60px;height:8px;  color: #FFFFFF;margin:0 5px; cursor:pointer; float: left; background: #fff; border-radius: 4px;}
.banner-hd .num li.on {background: #3f74bd;  } /*当前项*/


/*我们能为您提供的服务项目*/
.service{height: 604px; overflow: hidden;}
.title {padding: 50px 0 40px;}
.title h3{display: block; font-size: 24px; line-height: 24px; color: #3f74bd;}
.title em{color: #fb8904;}
.title span{display: block; font-size: 18px; color: #999; background: url(../images/title-line.png) no-repeat center;}
.service-list ul li{float: left; width: 25%; margin-bottom: 58px;}
.service-list ul li .icon{width: 100px; height: 102px; margin: 0 auto; background-position:  top center;}
.service-list ul li .icon1{background: url(../images/icon1.png) no-repeat;}
.service-list ul li .icon2{background: url(../images/icon2.png) no-repeat;}
.service-list ul li .icon3{background: url(../images/icon3.png) no-repeat;}
.service-list ul li .icon4{background: url(../images/icon4.png) no-repeat;}
.service-list ul li .icon5{background: url(../images/icon5.png) no-repeat;}
.service-list ul li .icon6{background: url(../images/icon6.png) no-repeat;}
.service-list ul li .icon7{background: url(../images/icon7.png) no-repeat;}
.service-list ul li .icon8{background: url(../images/icon8.png) no-repeat;}
.service-list ul li i{display: block; width: 60px; height: 2px; background: #3f74bd; margin: 20px auto 29px;}
.service-list ul li em{display: block; font-size: 20px; line-height: 20px; color: #4c4c4c; text-align: center;}
.service-list ul li:hover  .icon{background-position:  bottom center; -ms-transition-duration: 0.2s; transition-duration: 0.2s;}
.service-list ul li:hover i{background: #fb8904;}


/*我们的服务流程*/
.process{background: url(../images/process-bg.jpg) no-repeat center; height: 527px;}
.process .title h3{color: #fff;}
.process .title span{color: #fff; background: url(../images/title-line2.png) no-repeat center;}
.process-list{position: relative;}
.process-list ul li{position: absolute;}
.process-list ul li.item1{top: 36px; left: 149px;}
.process-list ul li.item2{top: 158px; left: 273px;}
.process-list ul li.item3{top: 10px; left: 441px;}
.process-list ul li.item4{top: 180px; left: 603px;}
.process-list ul li.item5{top: 30px; left: 756px;}
.process-list ul li.item6{top: 158px; left:901px;}
.process-list ul li em{display: block; font-size: 16px; line-height: 16px; }
.process-list ul li span{display: block; font-size: 14px; line-height: 14px; margin: 12px 0 50px;}
.process-list ul li .num-icon{display: block; margin: 0 auto;}
.process-list ul li:nth-child(2n) em{margin-top: 38px;}


/*必须具备的搬家常识*/
.news{width: 1260px; margin: 0 auto 50px;}
.news-list ul li{float: left; width: 570px; margin: 0 30px 50px;}

.news-list ul li .date{width: 80px;  background: #3f74bd;}
.news-list ul li .date strong{display: block; font-size: 48px; line-height: 56px; border-bottom: solid 1px #fff;}
.news-list ul li .date span{display: block; font-size: 16px; line-height: 23px;}
.news-list ul li .info{background: #f2f2f2;  width:459px; height: 130px; padding: 30px 15.5px 0;}
.news-list ul li .info em{display: block; font-size: 16px; line-height: 16px; color: #4c4c4c; font-weight: bold; margin-bottom: 15px;  width: 360px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-list ul li .info p{display: block; font-size: 14px; line-height: 24px; color: #666;}
.news-list ul li:hover .info em{color: #3f74bd;}
.more{width: 220px; font-size: 16px; line-height: 40px; color: #fff; text-align: center; margin: 0 auto;}

/* Round Corners */
a.hvr-round-corners {display: block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: border-radius;transition-property: border-radius;background: #3f74bd;}
a.hvr-round-corners:hover,a.hvr-round-corners:focus,a.hvr-round-corners:active {border-radius: 1em; background: #fb8904;}


/*福到家搬家公司简介*/
.about{background: url(../images/about-bg.jpg) no-repeat center; height: 502px;}
.about .content .about-pic{width: 480px; height: 305px;}
.about .content .about-info{width: 656px;}
.about .content .about-info strong{display: block; font-size: 16px; line-height: 16px; color: #4c4c4c; font-weight: bold;}
.about .content .about-info i{display: block; width: 40px; height: 2px;; background: #3f74bd; margin: 16px 0 11px;}
.about .content .about-info p{display: block; font-size: 14px; line-height: 30px; color: #666; margin-bottom: 36px;}
.about-more{-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;display:block;width:132px;height:28px;border:1px solid #3f74bd;font-weight:normal;font-size: 14px; line-height:28px;color:#2c72b3!important;text-align: center; }
.about-more:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #3f74bd;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.about-more:hover,.about-more:focus,.about-more:active{color: #fff!important;border-color:#3f74bd!important;}
.about-more:hover:before, .about-more:focus:before, .about-more:active:before{-webkit-transform: scaleX(1);transform: scaleX(1);}
.about .content .about-info .about-tel{display: block; background: url(../images/about-tel.png) no-repeat left center; padding-left: 39px; font-size:24px; line-height: 30px; color: #fa8903; font-weight: bold;}


/*福到家搬家车辆展示*/
.car{margin-bottom: 50px;}
.car-bd{position: relative;}
.car-list{margin-bottom: 50px; }
.car-list ul li{float: left; padding: 9px; border: solid 1px #b3b3b3; margin-right: 20px;}
.car-list ul li .pic{width: 265px; height: 200px; overflow: hidden;}
.car-list ul li .pic img{display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.car-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.car-list ul li:hover{border: solid 1px #3f74bd;}

.car-bd .prev1,.car-bd .next1{position: absolute; width: 24px; height: 35px; top:93px; z-index: 222; cursor: pointer;}
.car-bd .prev1{background: url(../images/prev.png) no-repeat center #3f74bd; left: -54px; }
.car-bd .next1{background: url(../images/next.png) no-repeat center #3f74bd; right: -54px; }
.car-bd .prev1:hover{background: url(../images/prev.png) no-repeat center #fb8904;}
.car-bd .next1:hover{background: url(../images/next.png) no-repeat center #fb8904;}


/*公共底部*/
.foot{padding-top: 30px; background: #3f74bd;}
.foot-top{padding-bottom: 32px;}
.foot-fl {margin-right: 52px; }
.foot-fl .foot-logo{margin: 22px 0 7px;}
.foot-fl .foot-tel{display: block; background: url(../images/foot-tel.png) no-repeat left center; padding-left: 55px; font-size: 30px; line-height: 45px; color: #fff;}

.foot-nav{display: block;}
.foot-nav dl {float: left; padding: 0px  68px 0 40px; border-left: solid 1px #fff; }
.foot-nav dl dt{display: block; font-size: 16px; line-height: 16px; color: #fff;}
.foot-nav dl i{display: block; width: 30px; height: 2px; background: #fff; margin: 15px 0 8px;}
.foot-nav dl dd{display: block; font-size: 14px; line-height: 30px; color: #fff;}
.foot-nav dl dd a{color: #fff;}
.foot-nav dl dd a:hover{color: #fb8904;}

.wechat img{display: block; margin: 0 auto 14px;}
.wechat em{display: block; font-size: 14px; color: #fff; text-align: center;}

.foot .copy{background: url(../images/copy-line.jpg) no-repeat center top;}
.foot .copy p{display: block; font-size: 14px; line-height: 40px; color: #fff;}
.foot .copy p a{color: #fff;}
.foot .copy p a:hover{color: #fb8904;}


/*在线咨询*/
.zx-service{position:fixed; right:0px; top:321px;z-index: 10000; }
.service-box{background-color: #fff; border-radius:5px; width:90px; margin-bottom:8px;box-shadow: 0px 2px 3px  #929ea9;}
.service-box span{display:block;}
.service-box span.text{ background:url(../images/kf01.png) no-repeat; height:47px; line-height:40px; text-align:center; color:#fff; font-size:16px; position:relative; z-index:10;}
.service-box ul{margin-top: -7px;}
.service-box li{border-bottom:1px solid #efefef; text-align:center; position:relative;}
.service-box li em{font-size:12px;color: #757575;}
.service-box li a{display:block; padding-top:6px; padding-bottom:3px;}
.service-box li:first-child a{padding-top: 14px;}
.service-box li:last-child a{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.service-box li a:hover{background:#f9f9f9;}
.service-box li a:hover em{color:#3f74bd; }
.service-box ul li:last-child{border:none;}

.service-box li p{position:absolute; left:-154px; width:150px; top:0; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);display:none; font-size:18px; font-weight:bold;color: #3f74bd;padding: 10px 0px;}

.service-box li:hover p{display:block; }

.service-arrow{box-shadow: 0px 2px 2px #d6d6d6;border:1px solid #ddd;  border-radius:5px;  width:90px; background:url(../images/kf05.png) no-repeat center center #fff; height:40px; cursor:pointer; }
.service-arrow a{display:block; width:90px; height:45px;}

/*内页样式*/
.ny-hd{height: 400px;}
.ny-main{margin-top: 25px; margin-bottom:100px;}

.ny-left{width: 270px;}
.column-title{display: block; font-size: 18px; line-height: 66px; color: #fff; text-align: center; background: #3f74bd; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.ny-left .ctitle1{border: solid 1px #e2e2e2;border-bottom: none; margin-bottom: 30px;}
.ny-left .ctitle1 li{float: left; border-bottom: solid 1px #e2e2e2; width: 238px; padding: 0 15px;}
.ny-left .ctitle1 li a{display: block; font-size: 16px; line-height: 38px; color: #333; }
.ny-left .ctitle1 li.on a{ color: #3f74bd;}
.ny-left .ctitle1 li a:hover{ color: #3f74bd;}

.ny-contact .content{width: 246px; padding: 15px 9px 20px;background: #fff;border: solid 3px #3f74bd;border-top: 0;}
.ny-contact .content p{padding-left: 24px;font-size: 13px;line-height: 40px; color: #333; border-bottom: solid 1px #eee;}
.ny-contact .content p:last-child{border: none;}
.ny-contact .content .person{background: url(../images/icon-contact-p.png) no-repeat left center; }
.ny-contact .content .tel{background: url(../images/icon-contact-c.png) no-repeat left center; }
.ny-contact .content .email{background: url(../images/icon-contact-e.png) no-repeat left center; }
.ny-contact .content .add{background: url(../images/icon-contact-d.png) no-repeat left 7px;line-height: 25px;margin-top: 5px; }

.ny-right {width: 900px}
.ny-right .position{display: block;margin-top: 30px; margin-bottom: 25px; border-bottom: solid 1px #ddd;position: relative;}
.ny-right .position span{display: block; padding-left: 50px; font-size: 13px;line-height: 40px;background: url(../images/ny-home.png) no-repeat 20px center;border-bottom: solid 1px #3f74bd; z-index: 0;position: absolute;bottom: -1px;left: 0;}
.ny-right .position span a.on{color: #3f74bd;}
.ny-right .position span a:hover{color: #3f74bd;}


/*内页车辆展示*/
.ny-car-list  ul li{margin: 0 7px 28px;}



/*内页搬家常识*/
.ny-news-list ul li{padding-bottom: 20px;margin-bottom: 25px;border-bottom: 1px solid #ccc;}
.ny-news-list ul li .date{width: 80px;  background: #3f74bd;}
.ny-news-list ul li .date strong{display: block; font-size: 48px; line-height: 56px; border-bottom: solid 1px #fff;}
.ny-news-list ul li .date span{display: block; font-size: 16px; line-height: 23px;}
.ny-news-list ul li .info{width: 795px;}
.ny-news-list ul li .info em{display: block; font-size: 16px; color: #4c4c4c; font-weight: bold; margin-bottom: 5px;  width: 600px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ny-news-list ul li .info p{display: block; font-size: 14px; line-height: 24px; color: #666;}
.ny-news-list ul li:hover .info em{color: #3f74bd;}


.ny-right  .pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.ny-right .pagelist a,
.ny-right  .pagelist span {border: none solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.ny-right  .pagelist span.current {color: #f30;border: 1px solid #ddd;}